<!doctype html><link rel="match" href="../expected/abspos-z-index-painting-order-ref.html" /><style>
* {
    font-size: 60px;
}
body {
    /* NOTE: This is flex in order to force div.text to create a stacking context. */
    display: flex;
}
.abspos {
    position: absolute;
    width: 100px;
    height: 100px;
    background: gray;
    z-index: 0;
}
.text {
    z-index: 1;
}
</style><body><div class="abspos"></div><div class="text">hello friends</div>
